---
import Layout from './layouts/Layout.astro'
import { Image } from 'astro:assets'
import bg from '/public/indexBg.png'
import ModuleTitle from './components/ModuleTitle.astro'
import Technology from './components/Technology.astro'
import Cores from './components/Cores.astro'
import Services from './components/Services.astro'
import News from './components/News.vue'
import Project from './components/Project.vue'

---

<Layout title="ジャントンテクノロジー" active="1">
  <main>
    <Image src={bg} alt="background image" />
    <div class="w-full">
      <div
        class="w-full flex items-center px-[10%] py-[60px] bg-white"
      >
        <div class="h-full w-[50%]">
          <ModuleTitle english="ジャントンについて" />
          <video
            autoplay="autoplay"
            muted
            loop="loop"
            width="100%"
            id="video"
            class="mt-12"
          >
            <source
              src="https://jungt-website.oss-cn-shanghai.aliyuncs.com/images/3d800667944a60e52a85768559fe4ca8_raw.mp4"
              type="video/mp4"
            />
          </video>
        </div>
        <div
          class="h-full w-[50%] border-t-[5px] border-[#294dce] pl-[40px] pt-[30px]"
        >
          <div
            style="letter-spacing: 5px"
            class="text-[30px] text-[#333] font-[700]"
          >
            上海疆通
          </div>
          <div
            style="letter-spacing: 5px"
            class="text-[30px] text-[#333] font-[700]"
          >
            科技有限公司です
          </div>
          <p
            style="line-height: 30px"
            class="mt-[16px] text-[#333] font-[400]"
          >
            上海ジャントンテクノロジー有限会社は、高新技術企業として、電子とインテリジェント化エンジニアリングの専門請負業の二级資質を保持し、また華東師範大学の卒業生の実習基地でもあります。同社の従業員の半数以上は人工知能の専門資格証書を保有しています。ジャントンテクノロジー有限会社はデジタルシーンの実地導入サービスに専念し、AI技術を通じて伝統的な管理モードを革新し、人工管理からインテリジェント管理への飛躍を実現したいと考えています。
          </p>
          <p
            style="line-height: 30px"
            class="mt-[18px] text-[#333] font-[400]"
          >
          ジャントンテクノロジー有限会社のコア戦略は、IoTセンシング技術（OT）、先進的なアルゴリズムモデルと革新的なXR（拡張現実）のグラフィックおよびテキスト表示手段を融合することにあり、これによりIT/OT/XR統合ソリューションを成功的に構築しました。このソリューションは情報の孤島化をなくし、さまざまな技術層の間の高効率な連携を促進し、特に低コードプラットフォーム上でシステム統合のシームレスな接続を実現し、複雑な技術のハードルを下げ、企業の高効率なイノベーションとデジタルシーンの実地導入を促進することを目的としています。
          </p>
          <div class="mt-[25px] h-[100px] flex justify-between">
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700] mx-auto">200</span>
              <div class="text-[16px] text-[#999] font-[400] ">カバレッジエリア</div>
            </div>
            <div role="separator" class="my-1 mx-4 inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700] px-auto">15</span>
              <div class="text-[16px] text-[#999] font-[400]">自社製品開発</div>
            </div>
            <div role="separator" class="my-1 mx-4 inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700]">30</span>
              <div class="text-[16px] text-[#999] font-[400]">提携企業</div>
            </div>
          </div>
        </div>
      </div>
      <Technology />
      <Cores />
      <Services />
      <Project client:idle />
      <News client:idle />
    </div>
  </main>
</Layout>

<style></style>
